<template>
  <div class="widge" style="animation-duration: 500ms">
    <div class="widge_main">
      <!-- <el-card class="box-card" :body-style="{ padding: '8px' }"> -->
      <!-- <div slot="header" class="clearfix">
          <span>卡片名称</span>
        </div> -->
      <div class="widge_tabs">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="营销图制作" name="1"></el-tab-pane>
          <!-- <el-tab-pane label="配置管理" name="2"></el-tab-pane>
            <el-tab-pane label="角色管理" name="3"></el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="4"></el-tab-pane> -->
        </el-tabs>
      </div>
      <div>
        <router-view />
      </div>
      <!-- </el-card> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "widge",
  data() {
    return {
      activeName: "1"
    };
  },

  computed: {},
  created() {},
  mounted() {},
  methods: {
    handleClick() {
      console.log(this.activeName);
      if (this.activeName == 1) {
        this.$router.push({
          path: "/optimGoods/widge/widgepic"
          // component: component
        });
      }
    }
  }
};
</script>

<style lang="less" scoped>
.widge {
  .widge_main {
    width: 1200px;
    margin: 0 auto;
    .widge_tabs::v-deep {
      background-color: #fff;
      .el-tabs {
        padding: 5px 15px 0 15px;
      }
      .el-tabs__header {
        margin: 0;
      }
    }
  }
}
</style>
